<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" name="" id="ipt">

    <script>
        /*
            节流--节省流量--  连续执行函数 有规律连续执行（增加每次执行之间的时间间隔）

             // 防止一个函数函数 被连续的多次执行
            // input（事件检查用户的输入，检查用户输入的函数 执行间隔加长）
            // scroll（ 函数执行间隔加长）
            // click （防止 处理函数 连续多次执行，函数执行间隔加长）
                 
        */
        let ipt = document.querySelector("input");
        let isHas = false;//记录是否 已经有一个延时器启动了
        ipt.oninput = function () {
            console.log('input');

            // input多次触发-1000 之内 只有一个延时器启动
            // 第一次触发input  启动延时器--1000后执行
            // 第二次触发input  判断-是否有 延时器启动了，如果有 就不启动。如果没有再启动
            if (isHas == true) {
                //已经有延时器启动了
            } else {
                //说明没有延时器启动
                isHas = true
                setTimeout(() => {
                    check()
                    // 一旦延时器执行 说明延时器执行完毕了，将isHash 改成false
                    isHas = false
                }, 1000);
            }


        }

        function check() {
            console.log('check');
        }
    </script>

</body>

</html>